//网站设置
//1.实现网站logo图片的上传,并且将上传的图片地址保存在一个隐藏域中
//2.为表单中的每一个表单项添加name属性,name属性的值要和接口文档中要求的参数名保持一致
//3为表单绑定提交事件,在事件处理函数中阻止表单默认提交行为
//4.获取到管理员在表单中输入的内容
//5.向服务器发送请求,实现网站设置的添加功能

// 当管理员选择logo图片时
$('#logo').on('change', function () {
	// 获取到管理员选择到的图片
	var file = this.files[0];
	// 创建formData对象 实现二进制文件上传吧
	var formData = new FormData();
	// 将管理员选择到的文件添加到formData对象中
	formData.append('logo', file);
	// 向服务器端发送请求 实现文件上传
	$.ajax({
		method: 'post',
		url: 'http://39.101.191.123:3000/upload',
		data: formData,
		processData: false,
		//  让 $.ajax在内部不要处理formData这个参数的格式
		contentType: false,
		//   让$.ajax在内部不要设置contentType这个属性的值
		success: function (response) {
			console.log(response)
			//隐藏域
			$('#hiddenLogo').val(response[0].logo)
			// 将logo图片显示在页面中
			$('#preview').attr('src', response[0].logo)
		}
	})
});

// 当网站设置表单发生提交行为时
$('#settingsForm').on('submit', function (e) {
	// 1. 阻止默认的提交行为
	e.preventDefault()
	// 获取管理员在表单中输入的内容
	var formData = $(this).serialize();
	// 向服务器端发送请求 实现网站设置数据添加功能
	$.ajax({
		method: 'post',
		url: 'http://39.101.191.123:3000/settings',
		data: formData,
		success: function () {
			//刷新页面
			location.reload();
		}
	})

})


//显示网站设置数据
//1.向服务器发送请求,获取网站设置数据
//2判断服务器端返回的数据是否为真,如果为真,说明管理员添加过网站设置数据,将数据显示在表单中
//如果为假,说明管理员没有添加过网站设置数据,不需要操作 

// 向服务器端发送请求 索要网站设置数据
$.ajax({
	method: 'get',
	url: 'http://39.101.191.123:3000/settings',
	success: function (response) {
		console.log(response)
		if (response) {
			// 将logo地址存储在隐藏域中
			$('#hiddenLogo').val(response.logo)
			// 将logo显示在页面中 
			$('#preview').attr('src', response.logo)
			// 将网站标题显示在页面中
			$('input[name="title"]').val(response.title);
			// 将是否开启评论功能显示在页面中
			$('input[name="comment"]').prop('checked', response.comment)
			// 将评论是否经过人工审核显示在页面中
			$('input[name="review"]').prop('checked', response.review)
		}
	}
})